<!DOCTYPE html>
<html>
<head>
<title>热销榜</title>

<meta name="viewport" content="width=device-width, initial-scale=1">
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<meta name="keywords" content="Luxury Watches Responsive web template, Bootstrap Web Templates, Flat Web Templates, Andriod Compatible web template, 
Smartphone Compatible web template, free webdesigns for Nokia, Samsung, LG, SonyErricsson, Motorola web design" />

<link href="/phone/Public/css/Home/bootstrap.css" rel="stylesheet" type="text/css" media="all" />
<link href="/phone/Public/css/Home/style.css" rel="stylesheet" type="text/css" media="all" />
<link href="/phone/Public/css/Home/memenu.css" rel="stylesheet" type="text/css" media="all" />	

<script src="/phone/Public/js/Home/jquery-1.11.0.min.js"></script>
<script src="/phone/Public/js/Home/jquery.easydropdown.js"></script>
<script type="application/x-javascript"> addEventListener("load", function() { setTimeout(hideURLbar, 0); }, false); function hideURLbar(){ window.scrollTo(0,1); } </script>
<script>$(document).ready(function(){$(".memenu").memenu();});</script>	
<script src="/phone/Public/js/Home/simpleCart.min.js"> </script>
<script type="text/javascript" src="/phone/Public/js/Home/memenu.js"></script>


</head>
<body> 
	<!--top-header-->
	<div class="top-header">
		<div class="container">
			<div class="top-header-main">
				<div class="col-md-6 top-header-left">
					<div class="drop">
						<if condition="$login eq true ">
						<div class="box">
							<a href="__APP__/Home/Account/index"> 欢迎 {$Think.session.username}</a>		
						</div>
						<div class="box1">
							<a href="__URL__/doLogout">退出</a>
						</div>

						<else />
						<div class="box">
							<a href="__APP__/Home/Account/index">登录</a>		
						</div>
						<div class="box1">
							<a href="__APP__/Home/Register/index">注册</a>
						</div>
						</if>

						<div class="clearfix"></div>
					</div>
				</div>
				<div class="col-md-6 top-header-left">
					<div class="cart box_1">
						<if condition="$login eq true ">
			            <a href="__APP__/Home/Checkout/index">
							<div class="total"><span class="simpleCart_total"></span></div>
							<img src="/phone/Public/img/Home/images/cart-1.png" alt="" />
						</a>
			            <else />
			            <a href="__APP__/Home/Account/index">
							<div class="total"><span class="simpleCart_total"></span></div>
							<img src="/phone/Public/img/Home/images/cart-1.png" alt="" />
						</a>
			            </if>  
						<p><a href="javascript:;" class="simpleCart_empty">清空购物车</a></p>
						<div class="clearfix"> </div>
					</div>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!--top-header-->
	<!--start-logo-->
	<div class="logo">
		<a href="__APP__/Home/Index/index"><h1>手机网上商城</h1></a>
	</div>
	<!--start-logo-->
	<!--bottom-header-->
	<div class="header-bottom">
		<div class="container">
			<div class="header">
				<div class="col-md-9 header-left">
				<div class="top-nav">
					<ul class="memenu skyblue"><li class="active"><a href="__APP__/Home/Index/index">商城首页</a></li>
						<li class="grid"><a href="#">品牌专卖</a>
							<div class="mepanel">
								<div class="row">
									<div class="col1 me-one">
										<ul>
											<li><a href="__APP__/Home/Products/index?type=苹果">苹果</a></li>
											<li><a href="__APP__/Home/Products/index?type=华为">华为</a></li>
											<li><a href="__APP__/Home/Products/index?type=小米">小米</a></li>
											
										</ul>
									</div>
									<div class="col1 me-one">
										<ul>
											<li><a href="__APP__/Home/Products/index?type=vivo">vivo</a></li>
											<li><a href="__APP__/Home/Products/index?type=oppo">oppo</a></li>
											<li><a href="__APP__/Home/Products/index?type=联想">联想</a></li>
											
										</ul>	
									</div>
									<div class="col1 me-one">
										<ul>
											<li><a href="__APP__/Home/Products/index?type=索尼">索尼sony</a></li>
											<li><a href="__APP__/Home/Products/index?type=三星">三星</a></li>
											<li><a href="__APP__/Home/Products/index?type=HTC">HTC</a></li>
											
										</ul>		
									</div>
								</div>
							</div>
						</li>
						<li class="grid"><a href="#">配件专区</a>
							<div class="mepanel">
								<div class="row">
									<div class="col1 me-one">
										<ul>
											<li><a href="__APP__/Home/Products/index?type=壳膜">保护壳/膜</a></li>
										</ul>
									</div>
									<div class="col1 me-one">
										<ul>
											<li><a href="__APP__/Home/Products/index?type=耳机">耳机</a></li>
										</ul>
									</div>
									<div class="col1 me-one">
										<ul>
											<li><a href="__APP__/Home/Products/index?type=电源">移动电源</a></li>
										</ul>	
									</div>
								</div>
							</div>
						</li>
						<li class="grid"><a href="__APP__/Home/Products/index?type=促销">促销专区</a>
						</li>
						<li class="grid"><a href="__APP__/Home/Typo/index">热销榜</a>
						</li>
						<li class="grid"><a href="__APP__/Home/Contact/index">联系我们</a>
						</li>
					</ul>
				</div>
				<div class="clearfix"> </div>
			</div>
			<div class="col-md-3 header-right"> 
				<div class="search-bar">
					<input type="text" value="搜索" onFocus="this.value = '';" onBlur="if (this.value == '') {this.value = '手机';}">
					<input type="submit" value="">
				</div>
			</div>
			<div class="clearfix"> </div>
			</div>
		</div>
	</div>
	<!--bottom-header-->
	<!--start-breadcrumbs-->
	<div class="breadcrumbs">
		<div class="container">
			<div class="breadcrumbs-main">
				
			</div>
		</div>
	</div>
	<!--end-breadcrumbs-->
	<!--typo-starts-->
	<div class="pages" id="pages">
		<div class="container">
			<div class="typo-top heading">
				<h2>我们的商城</h2>
			</div>
			<div class="typo-bottom">
		    <div class="progress-bars">
			 <h3 class="ghj">商品人气指数 </h3>
				 <div class="tab-content">
					  <div class="tab-pane active" id="domprogress">
						  <div class="progress">    
							<div class="progress-bar progress-bar-primary" style="width: 20%"></div>
						  </div>
						  <p>保护膜 <code>蓝光护眼贴膜</code> </p>
						  <div class="progress">    
							<div class="progress-bar progress-bar-info" style="width: 60%"></div>
						  </div>
						  <p>苹果 <code>iPhone 7</code></p>
						  <div class="progress">
							<div class="progress-bar progress-bar-success" style="width: 30%"></div>
						  </div>
						  <p>充电宝 <code>霸王快充</code></p>
						  <div class="progress">
							<div class="progress-bar progress-bar-warning" style="width: 70%"></div>
						  </div>
						  <p>华为 <code>Mate 8</code> </p>
						  <div class="progress">
							<div class="progress-bar progress-bar-danger" style="width: 50%"></div>
						  </div>
						  <p>保护壳 <code>DIY个性定制手机壳。磨砂</code></p>
						  <div class="progress">
							<div class="progress-bar progress-bar-inverse" style="width: 40%"></div>
						  </div>
						   <p>手机满意度  <code>三星 oppo vivo</code></p>
						  <div class="progress">
							<div class="progress-bar progress-bar-success" style="width: 35%"><span class="sr-only">35% Complete (success)</span></div>
							<div class="progress-bar progress-bar-warning" style="width: 20%"><span class="sr-only">20% Complete (warning)</span></div>
							<div class="progress-bar progress-bar-danger" style="width: 10%"><span class="sr-only">10% Complete (danger)</span></div>
						  </div>
					</div>
			   </div>
		    </div>
			<div class="Buttons">
				<h3 class="ghj">标签</h3>
				  <h1 class="b1">
					<a href="#"><span class="label label-default">服务周到</span></a>
					<a href="#"><span class="label label-primary">售后一流</span></a>
					<a href="#"><span class="label label-success">快递小哥服务态度好</span></a>
					<a href="#"><span class="label label-info">物流快</span></a>
					<a href="#"><span class="label label-warning">愉快的购物体验</span></a>
					<a href="#"><span class="label label-danger">质量好</span></a>
				  </h1>
				  <h2 class="b2">
					<a href="#"><span class="label label-default">发货快</span></a>
					<a href="#"><span class="label label-primary">维权方便</span></a>
					<a href="#"><span class="label label-success">换货快而且无条件退换 </span></a>
					<a href="#"><span class="label label-info">质量保证</span></a>
					<a href="#"><span class="label label-warning">绝对正品</span></a>
					<a href="#"><span class="label label-danger">好货</span></a>
				  </h2>
				  <h3 class="b3">
					<a href="#"><span class="label label-default">折扣力度大</span></a>
					<a href="#"><span class="label label-primary">最实惠的商城</span></a>
					<a href="#"><span class="label label-success"></span></a>
					<a href="#"><span class="label label-info">东西不错还实惠</span></a>
					<a href="#"><span class="label label-warning">很实惠</span></a>
					<a href="#"><span class="label label-danger">满意</span></a>
				  </h3>
				  <h4 class="b4">
					<a href="#"><span class="label label-default">最先发售而且价格合适 </span></a>
					<a href="#"><span class="label label-primary">好评好评</span></a>
					<a href="#"><span class="label label-success">操作简单</span></a>
					<a href="#"><span class="label label-info">天天特价</span></a>
					<a href="#"><span class="label label-warning">颜色齐全还好看</span></a>
					<a href="#"><span class="label label-danger">放心省心</span></a>
				  </h4>
				  <h5 class="b5">
					<a href="#"><span class="label label-default">品牌齐全</span></a>
					<a href="#"><span class="label label-primary">包装精致细心</span></a>
					<a href="#"><span class="label label-success"> 优惠</span></a>
					<a href="#"><span class="label label-info">非常非常非常不错</span></a>
					<a href="#"><span class="label label-warning">耳机的音质超好</span></a>
					<a href="#"><span class="label label-danger">蓝光膜的效果很好</span></a>
				  </h5>
		    </div>

			<div class="alerts">
			  <h3 class="ghj">用户评价</h3>
			   <div class="alert alert-success" role="alert">
			   		<strong>诗****白  </strong>   初次进入商城，发现设计风格独特，颜色搭配简单，别有一番高雅之味，而且使用起来方便，很简单就找到了自己想要的机型。
					
			   </div>
			   <div class="alert alert-info" role="alert">
					<strong>黄***楼196   </strong>    iphone7刚发售的时候就预定了，商家不但在承偌的期限内送达了手机，还赠送了一个懒人支架和高清的手机贴膜，很愉快的一次购物，下次还来。
			   </div>
			   <div class="alert alert-warning" role="alert">
					<strong>明***肥</strong> 华为P9玫瑰金，颜色很好看，送给朋友的生日礼物，说很期待。非常不错的一款国产手机，外观靓丽，徕卡高档相机，触屏顺滑，速度也快，简单易用，还送了华为排插（很高档、很好用，第一次见带USB插孔的插座）、华为自拍杆，满意，满意，物有所值。
			   </div>
			   <div class="alert alert-danger" role="alert">
					<strong> 多***呀 </strong>  手机很漂亮，用了几天才来评价，系统没有ios的方便简洁，不过也算流畅，习惯就好了～拍张很给力，有参数可以调整，适合有一点摄影基础的玩玩，非常适合拍食物！很有食欲！不过个人认为照片美化效果太好了。
			   </div>
		    </div>
			
		<div class="appearance">
			 <h3 class="ghj">销量</h3>
				<div class="col-md-6">
					
					  <table class="table table-bordered">
						<thead>
							<tr>
								<th>商品</th>
								<th>已售</th>
							</tr>
						</thead>
						<tbody>
							<tr>
								<td>iPhone 7</td>
								<td><span class="badge">755</span></td>
							</tr>
							<tr>
								<td><code>iPhone 6s</code></td>
								<td><span class="badge badge-primary">811</span></td>
							</tr>
							<tr>
								<td><code>华为 P9</code></td>
								<td><span class="badge badge-success">520</span></td>
							</tr>
							<tr>
								<td><code>华为 Mate9</code></td>
								<td><span class="badge badge-info">830</span></td>
							</tr>
							<tr>
								<td><code>小米5</code></td>
								<td><span class="badge badge-warning">412</span></td>
							</tr>
							<tr>
								<td><code>小米4</code></td>
								<td><span class="badge badge-danger">633</span></td>
							</tr>
						</tbody>
					</table>                    
				</div>
				
			   <div class="clearfix"> </div>
			</div>
			</div>
		</div>	
	</div>	
	<!--typo-ends-->
	<!--information-starts-->
	<div class="information">
		<div class="container">
		<p>------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------</p>
			<div class="infor-top">
				<div class="col-md-3 infor-left">
					<h3>购物指南</h3>
					<ul>
						<li><a href="#"><p>商城简介</p></a></li>
						<li><a href="#"><p>购物流程</p></a></li>
						<li><a href="#"><p>买家必读</p></a></li>
					</ul>
				</div>
				<div class="col-md-3 infor-left">
					<h3>售后服务</h3>
					<ul>
						<li><a href="#"><p>售后服务流程</p></a></li>
						<li><a href="#"><p>售后服务政策</p></a></li>
						<li><a href="#"><p>返修/退换货</p></a></li>
					</ul>
				</div>
				<div class="col-md-3 infor-left">
					<h3>配送</h3>
					<ul>
						<li><a href="#"><p>配送方式</p></a></li>
						<li><a href="#"><p>配送区域</p></a></li>
						<li><a href="#"><p>配送时间</p></a></li>
					</ul>
				</div>
				<div class="col-md-3 infor-left">
					<h3>安全支付</h3>
					<ul>
						<li><a href="#"><p>支付宝</p></a></li>
						<li><a href="#"><p>手机钱包</p></a></li>
						<li><a href="#"><p>货到付款</p></a></li>
					</ul>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!--information-end-->
	<!--footer-starts-->
	<div class="footer">
		<div class="container">
			<div class="footer-top">
				<div class="col-md-6 footer-right">					
					<p>版权 &copy; 2017.长春财经学院信息工程学院.<a target="_blank" href="http://www.cssmoban.com/">手机网上商城</a></p>
				</div>
				<div class="clearfix"></div>
			</div>
		</div>
	</div>
	<!--footer-end-->	
</body>
</html>